Skip to content

Conversation

@MartijnCuppens
Copy link
Contributor

The default line height of the lg font size looks a bit large compared to the rest of the line heights. You can see this in these demo's (third paragraph):

https://play.tailwindcss.com/0B3D7HVsj0 https://play.tailwindcss.com/rZkSJPczKR
PixelSnap 2024-08-20 at 11 06 02 AM@2x PixelSnap 2024-08-20 at 11 05 24 AM@2x

Also, if you plot the values of the relative line heights, you see the gap between lg and xl (blue dots 4&5):

Relative line-height

This is a breaking change, so I changed this in v4.

@philipp-spiess
Copy link
Contributor

Unfortunately this PR has undergone the same fate as your other PR so I'm linking my response here too: #14503 (comment)

Here's the copy-pastebale userland implementation of this change for anyone stumbling upon this:

@theme {
  --font-size-lg--line-height: 1.625rem;
}

@MartijnCuppens MartijnCuppens deleted the lg-line-height branch February 13, 2025 07:48
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants